@import "~themes/vars.less";

.flowchart_itempannel {
  flex: 0 0 152px;
  width: 152px;
  background-color: #FCFCFC;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  padding-top: 6px;

  .list_item {
    .item_title {
      display: block;
      color: #000;
      padding: 5px 16px;
      margin-bottom: 10px;
      font-size: 11px;
    }

    .list__box {
      display: flex;
      flex-wrap: wrap;
      padding: 0 6px;
    }

    .item {
      flex: 0 0 33.3334%;
      color: #a3a3a3;
      text-align: center;

      .item_con {
        display: inline-block;
        width: 28px;
        text-align: center;
        cursor: move;
        font-size: 10px;

        >p {
          color: @color-caption;
        }
      }

      &:hover {
        color: @color-primary;

        .item_con>p {
          color: @color-primary;
        }
      }
    }

    :global {
      .zteicon {
        font-size: 18px;
      }
    }
  }
}

:global {
  .item_tool_tip {
    .ant-tooltip-inner {
      background-color: #fff;
      color: #a29e9e;
      max-width: 200px;
    }

    .ant-tooltip-arrow {
      border-right-color: #fff;
    }

    .item_tip_info {
      width: 100%;
      display: inline-block;
      text-align: center;
    }
  }
}